<template>
    <div class="navbar">
        <div class="logo">
            <img src="@/assets/logo.png" alt="" width="50px">
        </div>
        <div>
            <van-icon name="search"></van-icon>
            <p class="p2">
            </p>
        </div>
        <div>
            <img src="@/assets/logo.png" alt="" width="50px">
            <p>下载App</p>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Navbar"
    }
</script>

<style scoped>
    .navbar{
        height: 12.5vw;
        background-color: white;
        display: flex;
    }
    .logo{
        display: flex;
        justify-content: center;
        align-content: center;
        width: 120px;
    }
    div:nth-child(2) {
        display: flex;
        align-items: center;

        flex: 1;
    }
    div:nth-child(3) {
        display: flex;
        justify-content: center;
        align-content: center;
    }

    .p2{
        background-color: #f4f4f4;
        padding: 15px 80px;
        border-radius: 10px;
    }

</style>